/** Add css rules here for your application. */
body {
	width: 1015px;
	margin:auto !important;
	border:3px solid #6b3221;
	font-family:Verdana, Arial, sans-serif !important;
	background-color: #6B3221 !important;
}
/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


.main {
  background-color: green;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 15px;
}

.logo {
	margin-top: 20px;	
	text-align:center;
}

.title {
	text-align: center;
	background-color: green;	
	width: 100%;
}


#navheader{
  width:1018px;
  height:182px;
  background-image: url("/images/folkProject.jpg");
  background-repeat: no-repeat;
  font-family:Verdana, Arial, sans-serif;
  font-size:15px;
  color:#7f5322;
  margin:0;
  padding;0; 
}

#navheader a
{
  color:#000000;
  text-decoration:none;
}

#navheader a:hover 
{
  color:#fdf5e6;
  text-decoration:none;
}


#navheader ul
{
  padding: 0;
  margin: 0; 
  padding-left:120px;
  padding-top:115px;
  font-weight: bold;
  color: #000000;

}

#navheader ul li
{
  display:inline; 
  height:30px; 
  float:left; 
  list-style:none; 
  position:relative;
}

#navheader li a
{
  color:#fdf5e6;
  text-decoration:none;
}

#navheader li a:hover, #navheader li a.selected
{
  color:#abbe91;
}

#navheader li ul
{
  margin:0px;
  padding-top:10px;
  padding-left:10px;
  display:none;
  position:absolute;
  left:0px;
  top:25px;
  background-color:#6b3221;
}

#navheader li:hover ul
{
  display:block;
}

#navheader li li
{
  list-style:none;
  display:list-item;
}

#toplinks{
   position:relative;
   top:-12px;
   vertical-align:text-top;
   font-size:13px;
   padding-right: 10px;
   float: right;
}

#content {
	width:1015px;
	height: 650px;
	cellpadding:0;
	cellspacing:5px;
	border:0;
	background-color: #eeeeee;	
}

#content tr {
	vertical-align: top;
	margin: 5px;
}

#content-panel {
		
}

.song {
	font-family: sans-serif;
	background-color: #cccccc;	
}

.autore {
	font-size: 12pt;
}

.titolo {
	font-size: 18pt;
	font-weight: bold;	
}

.descrizione {
	margin-top: 20px;
	width: 820px;
	font-size: 9pt !important;
	cursor: pointer;
}

.testo {
	min-height: 545px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.action {
	border: none !important;
	cursor: pointer;
}

.edit {
	background-color: white;
	font-size: 10pt !important;		
}

.editable {
	cursor: pointer;
}

.background {
	background-color:#cccccc;		
}

.button-with-text {
	cursor: pointer;
	vertical-align: center;	
}

.commento {
	background-color: #F2F2F2;	
	width: 100%;
}
